<html> 
  <head> 
        <meta charset="utf-8"> 
        <title>三列自适应</title> 
        <style>
            body{
		        padding: 0;
		        margin: 0;
		    }
		    .warp{
		    	left:0;
		    	right:0;
		        position:fixed;
		        display:-webkit-box;
		        display:flex;
		        display:-ms-flex;
		        display:-webkit-flex;
		　　　　 width:100%;
		    }
		    .div1,.div2,.div3{
		        height:50px;
		        flex:1;
		        -ms-flex:1;
		        -webkit-flex:1;
		        -webkit-box-flex:1;
		        position: relative;
		        background: #ccc;
		        text-align:center;
		    }
        </style>
  </head> 
    <body> 
		<div class="warp">
		    <div class="div1">this is left</div>
		    <div class="div2">this is center</div>
		    <div class="div3">this is right</div>
		</div>
    </body> 
</html>